<style>
    .layui-top-box {padding:40px 20px 20px 20px;color:#fff}
    .panel {margin-bottom:17px;background-color:#fff;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
    .panel-body {padding:15px}
    .panel-title {margin-top:0;margin-bottom:0;font-size:14px;color:inherit}
    .label {display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin-top: .3em;}
    .layui-red {color:red}
    .main_btn > p {height:40px;}
</style>
<div class="layuimini-container layuimini-page-anim">
    <div class="layuimini-main layui-top-box">
        <div class="layui-row layui-col-space10">

            <div class="layui-col-md3">
                <div class="col-xs-6 col-md-3">
                    <div class="panel layui-bg-cyan">
                        <div class="panel-body">
                            <div class="panel-title">
                                <span class="label pull-right layui-bg-blue">实时</span>
                                <h5>用户统计</h5>
                            </div>
                            <div class="panel-content">
                                <h1 class="no-margins">#</h1>
                                <div class="stat-percent font-bold text-gray"><i class="fa fa-commenting"></i> #</div>
                                <small>当前分类总记录数</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md3">
                <div class="col-xs-6 col-md-3">
                    <div class="panel layui-bg-blue">
                        <div class="panel-body">
                            <div class="panel-title">
                                <span class="label pull-right layui-bg-cyan">实时</span>
                                <h5>商品统计</h5>
                            </div>
                            <div class="panel-content">
                                <h1 class="no-margins">#</h1>
                                <div class="stat-percent font-bold text-gray"><i class="fa fa-commenting"></i> #</div>
                                <small>当前分类总记录数</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md3">
                <div class="col-xs-6 col-md-3">
                    <div class="panel layui-bg-green">
                        <div class="panel-body">
                            <div class="panel-title">
                                <span class="label pull-right layui-bg-orange">实时</span>
                                <h5>浏览统计</h5>
                            </div>
                            <div class="panel-content">
                                <h1 class="no-margins">#</h1>
                                <div class="stat-percent font-bold text-gray"><i class="fa fa-commenting"></i> #</div>
                                <small>当前分类总记录数</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="col-xs-6 col-md-3">
                    <div class="panel layui-bg-orange">
                        <div class="panel-body">
                            <div class="panel-title">
                                <span class="label pull-right layui-bg-green">实时</span>
                                <h5>订单统计</h5>
                            </div>
                            <div class="panel-content">
                                <h1 class="no-margins">#</h1>
                                <div class="stat-percent font-bold text-gray"><i class="fa fa-commenting"></i> #</div>
                                <small>当前分类总记录数</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-box">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md6">
                <table class="layui-table">
                    <colgroup>
                        <col width="150">
                        <col width="200">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>开发人员</th>
                        <th>加入时间</th>
                        <th>签名</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>李子木</td>
                        <td>2020-10-22</td>
                        <td>任时光荏苒，愿岁月静好</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="layui-col-md6">
                <ul class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2020年12月08日</h3>
                            <p>
                                v1.0.0版本发布</br>
								问题很多的版本，只实现了基本功能。忘大家多多提出宝贵意见。另外寻找前端伙伴
                            </p>
                        </div>
                    </li>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2020年10月22日</h3>
                            <p>
                                项目立项
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

	<div class="layui-box">
	        <div class="layui-row layui-col-space10">
	            <div class="layui-col-md12">
	                <blockquote class="layui-elem-quote main_btn">
						<p>springcloud、springboot、springdatajpa、redis、consul</p>
	<p>hutool工具包<a class="layui-btn layui-btn-xs layui-btn-danger" target="_blank" href="https://www.hutool.cn/">hutool</a></p>
	<p>前端layuimini<a class="layui-btn layui-btn-xs layui-btn-danger" target="_blank" href="http://layuimini.99php.cn/">layuimini</a></p>
						<p>交流QQ群（851214732）：<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=33pmVuKe"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="hsw" title="hsw"></a>（加群请备注来源：如gitee、github、官网等）</p>
	                    <p>喜欢此后台模板的可以给我的GitHub和Gitee加个Star支持一下</p>
	                    <p>GitHub地址：
	                        
	                    </p>
	                    <p>Gitee地址：<a href="https://gitee.com/lixinxin13/hsw-platform" target="_blank"><img src="https://gitee.com/lixinxin13/hsw-platform/badge/star.svg?theme=dark" alt="star"></a> <a href="https://gitee.com/lixinxin13/hsw-platform" target="_blank"><img src="https://gitee.com/lixinxin13/hsw-platform/badge/fork.svg?theme=dark" alt="fork"></a></p>
	                </blockquote>
	            </div>
	        </div>
	    </div>
</div>